import { TodoView } from './TodoView';
import { values } from "mobx";
import { observer } from "mobx-react";
import styled from 'styled-components';

const Todos = styled.div`
  display:flex;flex-direction:column;
`
export const TodoListView = observer((props: any) => {
  return (
    <Todos>
      {values(props.store.todos).map((todo) => (
        <TodoView todo={todo}></TodoView>
      ))}
    </Todos>
  )
})